const areasConfig = [
  "query_1",
  "operate_1",
  "left_list",
  "table_1",
  "query_2",
  "operate_2",
  "table_2",
];
// 1单页面 2上下页面 3左右页面 4pc页面
const pageLayoutConfig = [
  {
    //横向分割成几分
    rows_split_num: 6,
    //单位px 查询区_1（操作区_1）高度
    header_1_height: "70px",
    //查询区占用几份 operate_1_span = rows_split_num - query_1_span
    query_1_span: 5,
  },
  {
    //横向分割成几分
    rows_split_num: 6,
    //单位px 查询区_1（操作区_1）高度
    header_1_height: "70px",
    //查询区占用几份 operate_1_span = rows_split_num - query_1_span
    query_1_span: 5,
    //单位px 查询区_2（操作区_2）高度
    header_2_height: "70px",
    //查询区占用几份 operate_2_span = rows_split_num - query_2_span
    query_2_span: 5,
  },
  {
    //横向分割成几分
    rows_split_num: 6,
    //单位px 查询区_1（操作区_1）高度
    header_1_height: "70px",
    //查询区占用几份 operate_1_span = rows_split_num - query_1_span
    query_1_span: 5,
    table_1_span: 2,
  },
  {
    //横向分割成几分
    rows_split_num: 6,
    //单位px 查询区_1（操作区_1）高度
    header_1_height: "70px",
    //查询区占用几份 operate_1_span = rows_split_num - query_1_span
    query_1_span: 5,
    left_list_span: 1,
  },
];

const layoutConfig = {
  // 操作区
  operate_1: {
    display: "flex",
    justifyContent: "flex-start",
    alignItems: "center",
    flexDirection: "row",
    // height: "var(--header_1_height)",
  },

  operate_2: {
    display: "flex",
    justifyContent: "flex-start",
    alignItems: "center",
    flexDirection: "row",
    // height: "var(--header_2_height)",
  },
  // 查询区
  query_1: {
    display: "flex",
    justifyContent: "flex-start",
    alignItems: "center",
    flexDirection: "row",
    // height: "var(--header_1_height)",
  },
  query_2: {
    display: "flex",
    justifyContent: "flex-start",
    alignItems: "center",
    flexDirection: "row",
    // height: "var(--header_2_height)",
  },
  // 表格
  table_1: {
    display: "flex",
    justifyContent: "flex-start",
    alignItems: "flex-start",
    flexDirection: "column",
    height: "100%",
  },
  table_2: {
    display: "flex",
    justifyContent: "flex-start",
    alignItems: "flex-start",
    flexDirection: "column",
    height: "100%",
  },
  // 列表
  left_list: {
    display: "flex",
    justifyContent: "flex-start",
    alignItems: "flex-start",
    flexDirection: "column",
    height: "100%",
  },
};

const filedTitle = {
  rows_split_num: "页面分割几份",
  header_1_height: "查询区-1(操作区-1)高度",
  header_2_height: "查询区-2(操作区-2)高度",
  query_1_span: "查询区-1占用几份",
  query_2_span: "查询区-2占用几份",
  table_1_span: "表格-1占用几份",
  left_list_span: "列表占用几份",
};

export { areasConfig, layoutConfig, pageLayoutConfig, filedTitle };
